<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>ZUI-静姐姐-后台通用模板1</title>
		<link rel="stylesheet" href="css/zui.css" />
		<link rel="stylesheet" href="css/public.css" />
		<script type="text/javascript" src="js/jquery.min.js" ></script>
		<script type="text/javascript" src="js/zui.min.js" ></script>
	</head>
	<body>
		<div class="y-conRightmain scrollbar-hover">
			<ol class="breadcrumb y-borderB">
			  <li><a href="your/url/">Home</a></li>
			  <li><a href="your/url/">Library</a></li>
			  <li class="active">Data</li>
			</ol>
			
			<div class="y-bgfff y-padLR-20 y-padB-20 y-padT-10 card y-marT-10">
				<h3 class="y-borderB y-padB-10 y-marB-20 clearfix y-marT-10">
					<span style="line-height: 30px;">新增分类</span>
					<a class="btn btn-primary pull-right" onclick="javascript:history.back(-1);">返回列表</a>
				</h3>
				<div class="y-padT-20">
					<form class="form-horizontal">
						
						  <div class="form-group">
						    <label class="col-sm-2"><span class="text-danger">*&nbsp;</span>分类名称</label>
						    <div class="col-md-6 col-sm-10">
						      <input type="text" class="form-control" placeholder="分类名称" required="required">
						    </div>
						  </div>
						  <div class="form-group">
						    <label for="" class="col-sm-2"><span class="text-danger">*&nbsp;</span>上级分类</label>
						    <div class="col-md-6 col-sm-10">
						    	<div class="col-sm-6" style="padding-left: 0;">
							      <select class="form-control">
							        <option>分类1</option>
							        <option>分类1</option>
							      </select>
							    </div>
							    <div class="col-sm-6" style="padding-right: 0;">
							      <select class="form-control">
							        <option>分类1</option>
							        <option>分类1</option>
							      </select>
							    </div>
							    <span class="y-fontSize-12 text-danger">最多成为第三级,如果设置为第二级, 只选择第一级即可</span>
						    </div>
						  </div>
						  <div class="form-group">
						    <label class="col-sm-2"><span class="text-danger">*&nbsp;</span>导航显示</label>
						    <div class="col-md-6 col-sm-10">
						      <label class="radio-inline">
								  <input type="radio" name="nav"> 是
								</label>
								<label class="radio-inline">
								  <input type="radio" name="nav"> 否
								</label>
						    </div>
						  </div>
						  <div class="form-group">
						    <label for="" class="col-sm-2"><span class="text-danger">*&nbsp;</span>分类分组</label>
						    <div class="col-md-6 col-sm-10">
						    	<div class="col-sm-12 y-padL0">
						    		<div class="col-sm-3 y-padL0">
								      <select class="form-control">
								        <option>0</option>
								        <option>1</option>
								        <option>2</option>
								        <option>3</option>
								      </select>
								    </div>
						    	</div>
						    	
							    <span class="y-fontSize-12 text-danger">有时候左侧菜单栏同一行显示多个分类, 所以给他们一个分组</span>
						    </div>
						  </div>
						  
						  <div class="form-group">
						    <label class="col-sm-2">分类图片</label>
						    <div class="col-md-6 col-sm-10">
						      <input type="file" class="form-control" value="">
						    </div>
						  </div>
						  <div class="form-group">
						    <label class="col-sm-2"><span class="text-danger">*&nbsp;</span>排序</label>
						    <div class="col-md-6 col-sm-10">
						    	<div class="col-sm-12 y-padL0">
							    	<div class="col-xs-3 y-padL0">
									    <input type="text" class="form-control" placeholder="分类名称" required="required">
								    </div>
							    </div>
						      <span class="y-fontSize-12 text-danger">根据排序进行由小到大排列显示</span>
						    </div>
						  </div>
						  <div class="form-group">
						    <label class="col-sm-2">分佣比例</label>
						    <div class="col-md-6 col-sm-10">
						    	<div class="col-sm-12 y-padL0">
							        <div class="col-xs-3 y-padL0">
									    <input type="text" class="form-control" placeholder="分类名称" required="required">
								    </div>
								    <span class="y-fontSize-18">%</span>
							    </div>
						    	<span class="y-fontSize-12 text-danger">用于商城分销,微信三级分销。</span>
						    </div>
						  </div>
						  <div class="form-group y-marT-10">
						    <div class="col-sm-offset-2 col-sm-10">
						      <button type="submit" class="btn btn-primary">确认提交</button>
						    </div>
						  </div>
					</form>
				</div>
					
				
				
			</div>
			
		</div>
				
		<script type="text/javascript">
			function goodsInfor(id){
				$("#y-goodsInfor"+id).show();
				$("#y-goodsInfor"+id).siblings().hide();
				$("#y-inforTitle"+id).addClass("active").siblings().removeClass("active");
			}
		</script>
	</body>
</html>
